<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>饮食养生</title>
  <style>
    * {
      margin: 0;
      padding: 0;

    }
    a {
            text-decoration: none;
        }

        ul  {
            list-style: none;
        }

        body,
        html {
            width: 100%;
            height: 100%;
            /* background-color: grey; */
        }

        #head {
            width: 80%;
            height: 80px;
            /* background-color: white; */
            margin: 0 auto;
        }

        #logo {
            /* background-color: red; */
            width: 30%;
            height: 80px;
            float: left;
        }

        #headleft {
            width: 50%;
            float: left;
            height: 80px;
            /* background-color: yellow; */
        }

        #headleft1 {
            float: right;
            height: 80px;
            line-height: 80px;
        }

        #login {
            text-decoration: none;
            color: #407434;
        }

        #headright {
            height: 80px;
            line-height: 80px;
            text-align: center;
        }

        #bodynav {
            width: 100%;
            height: 60px;
            /* background-color: red; */
        }

        #nav {
            width: 80%;
            height: 60px;
            margin: 0 auto;
            background-color:white;
        }

        #nav li {
            height: 60px;
            line-height: 60px;
            text-align: center;
            font-size: 20px;
            width: 20%;
            float: left;
        }

        #nav a {
            color: grey;
            font-weight: bold;
        }

        #nav a:hover {
            color: #407434;
            font-weight: bold;
        }

        #foot ul li,
        #middle ul li {
            float: left;
        }

        #down:hover #updown{
            display: block;
           
        }
        #updown li:first-child{
            font-size: 20px;
            color: aqua;
         }
         #updown{
            display: none;
            width: 500px;
            height: 200px;
            background-color:#ccc;
            position: fixed;
            z-index: 10px;
        }

   
    h3{
        font-size: 20px;
        width:70%;
        text-align: center;
    }
    .quanbu ul li{
      margin-top: 20px;
      text-indent: 2em;
      font-size: 20px;
    }

   .quanbu{
      width:70%;
      height:620px;
      background-color: #fff;
      box-shadow:5px 5px 5px;
      border:1px solid black;
      margin: 0 auto;
      margin-top:50px;
    }
   .quanbu img{
       width: 200px;
        height: 80px;
        transform: rotate(-15deg);
        box-shadow:3px 3px 3px 1px black;
      
    }
  </style>
</head>

<body>
    <div id="head">
        <div id="logo"><img src="images/未标题-1.jpg" alt=""></div>
        <div id="headleft">
            <div id="headleft1">
                <input type="text"><button>搜索</button>
            </div>
        </div>
        <div id="headright">
            <a href="#" id="login">注册</a>
            <span>|</span>
            <a href="#" id="login">登录</a>
        </div>
    </div>
    <div id="bodynav">
        <div id="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">套餐</a></li>
                <li id="down"><a href="#">健康饮食 </a>
                    <ul id="updown">
                        <li>人体群众</li>
                        <li>老人</li>
                        <li>孕妇</li>
                        <li>青少年</li>
                    </ul>
                </li>
                <li><a href="#">分享圈</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
    </div>
  <div class="quanbu">
    <img src="images/6.jpg" alt="">
    <h3>老人的饮食养生的法则</h3>

    <ul>
      <li> 适当吃些鸡蛋，可增强记忆，防止老年痴呆症的发生;适当吃些苹果可治老人厌食症，因为厌食与缺锌有关，如果饭后吃一个苹果，可调节体内含锌量，使食欲改善。</li> 
      <li>老人常喝茶也大有好处。茶叶中含有的茶色素能防治动脉硬化专家发现福建乌龙茶可抗癌，其抑制癌症的效果高达79%。喝茶的确有益健康，茶叶的抗衰老作用超过维生素e的18倍。</li>
      <li>食粥非常适合于老年人。可吃些玉米粉粥、大蒜粥、何首乌粥以及甜浆粥(即新鲜豆浆和粳米烧成的粥，加点冰糖)，能防治动脉硬化、高脂血症、高血压、冠心病、神经衰弱、眩晕耳鸣等多种疾病，起到软化血管的作用。</li>
      <li>
        <ul>
          <h4>温馨小提示</h4>
          <li>乐观的心态，均衡的饮食</li>
          <li>充足的睡眠 ，适当的运动</li>
        </ul>
      </li>
    </ul>
  </div>

</body>

</html>